<template>
  <view class="page bg-white">
    <view class="main">
      <u-text color="#333" size="32rpx" text="修改家庭住址" bold></u-text>
      <view class="address-box">
        <u-textarea style="background: #F7F7F7;" v-model="address" size="32rpx" placeholder="请输入家庭地址" :count="true"
          :maxlength="200"></u-textarea>
      </view>
    </view>
    <view class="footer">
      <u-button shape="circle" size="large" :color="themePrimary" text="保存"></u-button>
    </view>
  </view>
</template>
<script setup>
import { ref } from 'vue'
import { useTheme } from '@/composables/useTheme';

const { themePrimary, themeSecondary, themeTertiary } = useTheme();

const address = ref('')


</script>
<style scoped lang="scss">
.address-box {
  margin-top: 20rpx;
}

.camera-icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 54rpx;
  height: 54rpx;
}
</style>